<!doctype html>

<head>

    <!-- player skin -->
    <link rel="stylesheet" href="../skin/minimalist.css">

    <!-- site specific styling -->
    <style>
        body { font: 12px "Myriad Pro", "Lucida Grande", sans-serif; text-align: center; padding-top: 5%; }
        .flowplayer { width: 80%; }
    </style>

    <!-- flowplayer depends on jQuery 1.7.1+ (for now) -->
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

    <!-- include flowplayer -->
    <script src="../flowplayer.min.js"></script>

</head>

<body>

<!-- the player -->
<div id="player" class="fixed-controls">

    <script>
        $(function () {
            $("#player").flowplayer({
                ratio:5/12,
            //    rtmp: "rtmp://s3b78u0kbtx79q.cloudfront.net/cfx/st",
                playlist:[
                    [
//                        { webm:  "http://stream.flowplayer.org/bauhaus.webm" },
                       // { mp4:   "http://stream.flowplayer.org/bauhaus.mp4" },
                       { flash: "mp4:bauhaus" }
                    ]
                ]
            });
        });
    </script>
</div>

</body>